<!--
Create tabs with an icon and label, using the tabs-positive style.
Each tab's child <ion-nav-view> directive will have its own
navigation history that also transitions its views in and out.
-->

<ion-tabs class="tabs-icon-top tabs-color-active-positive" ng-controller="NavCtrl">

  <!-- Dashboard Tab -->
  <ion-tab  title="店铺二维码" icon-off="ion-ios-pulse" icon-on="ion-ios-pulse-strong"  ng-click="elementPopover('left')" >
    <ion-nav-view name="tab-code"></ion-nav-view>
  </ion-tab>

  <!-- Chats Tab -->
  <ion-tab title="商户管理" icon-off="ion-ios-chatboxes-outline" icon-on="ion-ios-chatboxes" ng-click="openPopover($event)" >
    <ion-nav-view name="tab-shops"></ion-nav-view>
  </ion-tab>

  <!-- Account Tab -->
  <ion-tab  title="老板后台" icon-off="ion-ios-gear-outline" icon-on="ion-ios-gear" ng-click="elementPopover('right')" >
    <ion-nav-view name="tab-boss"></ion-nav-view>
  </ion-tab>

</ion-tabs>

<!-- 泡芙菜单 -->
<script  id="code.html" type="text/ng-template">
  <ion-popover-view>
        创建二维码
  </ion-popover-view>
</script>

<script  id="shops.html" type="text/ng-template">
  <ion-popover-view>
    <ion-list class="items4">
      <ion-item  href="#/tab/shops">
        创建商城
      </ion-item>
      <ion-item href="#/tab/shops">
        员工绑定
      </ion-item>
      <ion-item  href="#/tab/boss">
        订单列表
      </ion-item>
      <ion-item href="#">
        操作日志
      </ion-item>
    </ion-list>
  </ion-popover-view>
</script>

<script  id="boss.html" type="text/ng-template">
  <ion-popover-view>
    <ion-list class="items4">
      <ion-item  href="#/tab/shops">
        统计报表
      </ion-item>
      <ion-item href="#/tab/shops">
        员工管理
      </ion-item>
      <ion-item  href="#/tab/boss">
        店铺信息
      </ion-item>
      <ion-item href="#">
        绑定银行卡
      </ion-item>
      <ion-item href="#">
        修改老板密码
      </ion-item>
    </ion-list>
  </ion-popover-view>
</script>